<template>
  <div class="promotion-review">
    <OpDetail :data="detailData" detail-key="id" :api="boInfo"> </OpDetail>
    <OpDataCount :id="detailData?.id"></OpDataCount>
  </div>
</template>
<script setup lang="ts">
  import {
    boInfo,
  } from '@/api/institution/businessOpportunitiesManage';
  import OpDetail from '../components/OpDetail.vue';
  import { useRoute } from 'vue-router';
  import { onMounted, ref, h } from 'vue';
  import { IBusinessOpportunityReviewList } from '@/api/institution/model/businessOpportunitiesManageModel';
  import { boDetail } from '@/api/institution/businessOpportunitiesManage';
  import OpDataCount from '../components/OpDataCount.vue';

  const route = useRoute();
  const id = ref();
  onMounted(() => {
    id.value = route.query.id;
    queryDetail();
  });

  const detailData = ref<IBusinessOpportunityReviewList>();

  const queryDetail = async () => {
    detailData.value = await boDetail(id.value);
  };
</script>
<style lang="less" scoped>
  .promotion-review {
    padding: 20px;
    width: 100%;
  }
</style>
